import React from "react";
import "./style.css";
export default function Index() {
  return (
    <div className="page column">
      <div className="sub-title">什么是动画</div>
      <div className="cover">
        <div className="card" style={{ display: "block" }}>
          <p>Animation is the process of making the</p>
          <p>动画是一种通过定时拍摄一系列多个</p>
          <p>illusion of motion and the illusion</p>
          <p>静止的固态图像（帧）以一定频率连续变化、</p>
          <p>of change by means of the rapid succession</p>
          <p>运动的速度而导致肉眼的视觉残象产生的错觉</p>
          <p>of sequential images that minimally differ from each other</p>
          <p>而误以为图画或物体活动的作品及其视频技术</p>
          <p>——wikipedia</p>
        </div>
        <div className="card" style={{ height: "200px", position: "relative" }}>
          <div className="ball"></div>
          {Array.from({ length: 10 }, (_, index) => (
            <div className="ball2" key={index}></div>
          ))}
        </div>
      </div>
    </div>
  );
}
